<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <div class="wrapper">
        <input type="radio" checked id="btn_1" name="radio">
        <label class="btn_box" for="btn_1">
            <div>
                最强汉堡包
            </div>
        </label>
        <input type="radio" id="btn_2" name="radio">
        <label class="btn_box" for="btn_2">
            <div>
                神奇小蛋糕
            </div>
        </label>
        <input type="radio" id="btn_3" name="radio">
        <label class="btn_box" for="btn_3">
            <div>
                魔幻冰激凌
            </div>
        </label>
        <input type="radio" id="btn_4" name="radio">
        <label class="btn_box" for="btn_4">
            <div>
                忘情水
            </div>
        </label>

        <div class="slide_main">
            <div class="title">
                大促销了
                <i class="iconfont icon-cuxiaohuodong-xiangouhuodong"></i>
            </div>
            <div class="slide_img">
                <div class="special">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <img src="./imgs/5.png" alt="">
            </div>
            <div class="slide_img">
                <img src="./imgs/60.png" alt="">
            </div>
            <div class="slide_img">
                <img src="./imgs/57.png" alt="">
            </div>
            <div class="slide_img">
                <img src="./imgs/72.png" alt="">
            </div>
            <div class="slide_text">
                <h2>最强汉堡包</h2>
                <h3>
                    <span>￥100</span>
                    <span>1枚</span>
                </h3>
                <p>咱家的汉堡包，吃上一口，你会觉得甜甜的。吃完之后腰也不酸了，腿也不疼了，一口气上5楼，不用喘气。让您找回巅峰时刻，不是梦！</p>
                <button>买噶！买它！ </button>
            </div>
            <div class="slide_text">
                <h2>神奇小蛋糕</h2>
                <h3>
                    <span>￥150</span>
                    <span>1枚</span>
                </h3>
                <p>
                    咱家的小蛋糕，吃上一口，你会有做神仙的感觉。第一口下去，忘却一切烦恼。第二口下去，飘飘欲仙如临仙境一般。第三口下去。。。没了！
                </p>
                <button>买噶！买它！ </button>
            </div>
            <div class="slide_text">
                <h2>魔幻冰激凌</h2>
                <h3>
                    <span>￥98</span>
                    <span>1枚</span>
                </h3>
                <p>
                    好消息，好消息，魔幻冰激凌，今日大促销！平时要988才能吃上一个的魔幻冰激凌，今日只要98，你买不了吃亏，也买不了上当。
                </p>
                <button>买噶！买它！ </button>
            </div>
            <div class="slide_text">
                <h2>忘情水</h2>
                <h3>
                    <span>￥228</span>
                    <span>1杯</span>
                </h3>
                <p>
                    给你一杯忘情水，啊！！你一生都不会流泪。没错这杯神奇的忘情水，喝了它忘却一切烦恼，了却一切陈凡，你，可以出家了。。。
                </p>
                <button>买噶！买它！ </button>
            </div>
        </div>
        <img src="./imgs/bottom.png" class="main_img" alt="">
        <img src="./imgs/starburst2.png" class="rotate" alt="">

    </div>
    <script>
        function a() {

        }
    </script>
</body>
</html>
